<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> 
<%@page isELIgnored="false"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>院级管理员</title>
		<link rel="shortcut icon" href="img/head.png" type="image/x-icon">
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="format-detection" content="telephone=no">

		
		<link rel="shortcut icon" href="img/head.png" type="image/x-icon">
    	<link rel="stylesheet" href="volunteer/super/bootstrap-3.4.1-dist/css/bootstrap.min.css">
   		<link rel="stylesheet" href="volunteer/super/layui/css/layui.css" media="all">
		
		<link rel="stylesheet" href="volunteer/admin/css/layui/css/layui.css" media="all">
        <link rel="stylesheet" href="volunteer/admin/css/biaoge.css">
        <link rel="stylesheet" href="volunteer/admin/css/quyu.css">
        <script type="text/javascript" src="js/xadmin.js"></script>
        <script src="volunteer/admin/css/layui/layui.js" charset="utf-8"></script>
    <style>
.box1 {
    text-align: center;
    width: 100%;
    margin-top: 10px;
}
      /* Basic Grey */

.basic-grey {

 margin-left: auto;

 margin-right: auto;

 max-width: 500px;

 background: #FCFCFC;

 padding: 25px 15px 25px 10px;

 font: 12px Georgia, "Times New Roman", Times, serif;

 color: #000000;

 text-shadow: 1px 1px 1px #FFF;

 border: 1px solid #E4E4E4;
 height:550px;

}

.basic-grey h1 {

 font-size: 25px;

 padding: 0px 0px 10px 40px;

 display: block;

 border-bottom: 1px solid #E4E4E4;

 margin: -10px -15px 30px -10px;
 ;

 color: #888;

}

.basic-grey h1>span {

 display: block;

 font-size: 11px;

}

.basic-grey label {

 display: block;

 margin: 0px;

}

.basic-grey label>span {

 float: left;

 width: 20%;

 text-align: right;

 padding-right: 10px;

 margin-top: 10px;

 color: #888;

}

.basic-grey input[type="text"],
.basic-grey input[type="email"],
.basic-grey textarea,
.basic-grey select {

 border: 1px solid #DADADA;

 color: #888;

 height: 30px;

 margin-bottom: 16px;

 margin-right: 6px;

 margin-top: 2px;

 outline: 0 none;

 padding: 3px 3px 3px 5px;

 width: 70%;

 font-size: 12px;

 line-height: 15px;

 box-shadow: inset 0px 1px 4px #ECECEC;

 -moz-box-shadow: inset 0px 1px 4px #ECECEC;

 -webkit-box-shadow: inset 0px 1px 4px #ECECEC;

}

.basic-grey textarea {

 padding: 5px 3px 3px 5px;

}

.basic-grey select {

 background: #FFF url('down-arrow.png') no-repeat right;

 background: #FFF url('down-arrow.png') no-repeat right;

 appearance: none;

 -webkit-appearance: none;

 -moz-appearance: none;

 text-indent: 0.01px;

 text-overflow: '';

 width: 70%;

 height: 35px;

 line-height: 25px;

}

.basic-grey textarea {

 height: 100px;

}





#div1 {
 /* width: 1050px; */
 height: 100px;
 background-color: hsl(180, 17%, 35%);
 /* background-color:  #148d75; #eef2f4 */
 margin: 0 auto;

 /* border: 20px solid #e9eced;  */

}



h3 {
 text-align: center;
 font-size: 25px;
 color: aliceblue;
}

.p1 {
 color: #148d75;
 font-size: 18px;
}

.p2 {
 text-align: center;
 color: #148d75;
 font-size: 19px;
}

#div3 {
 text-align: center;
 background-color: rgb(176, 202, 202);
}

/* CSS代码 */
.switch-box {
 width: 48px;
}

.switch-box .switch {
 /* 隐藏checkbox默认样式 */
 display: none;
}

.switch-box label {
 /* 通过label扩大点击热区 */
 position: relative;
 display: block;
 margin: 1px;
 height: 28px;
 cursor: pointer;
}

.switch-box label::before {
 /* before设置前滚动小圆球 */
 content: '';
 position: absolute;
 top: 50%;
 left: 50%;
 margin-top: -13px;
 margin-left: -14px;
 width: 26px;
 height: 26px;
 border-radius: 100%;
 background-color: #fff;
 box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.06);
 /* 通过transform、transition属性控制元素过渡进而形成css3动画 */
 -webkit-transform: translateX(-9px);
 -moz-transform: translateX(-9px);
 transform: translateX(-9px);
 -webkit-transition: all 0.3s ease;
 -moz-transition: all 0.3s ease;
 transition: all 0.3s ease;
}

.switch-box .switch:checked~label::before {
 /* 语义：被选中的类名为"switch"元素后面的label元素里的伪类元素，进行更改css样式 */
 /* 形成伪类结构选择器：":"冒号加布尔值"checked" */
 /* " Ele1 ~ Ele2 "波浪号在css的作用：连接的元素必须有相同的父元素，选择出现在Ele1后的Ele2（但不必跟在Ele1，也就是说可以并列）  */
 -webkit-transform: translateX(10px);
 -moz-transform: translateX(10px);
 transform: translateX(10px);
}

.switch-box label::after {
 /* after设置滚动前背景色 */
 content: "";
 display: block;
 border-radius: 30px;
 height: 28px;
 background-color: #dcdfe6;
 -webkit-transition: all 0.3s ease;
 -moz-transition: all 0.3s ease;
 transition: all 0.3s ease;
}

.switch-box .switch:checked~label::after {
 background-color: #13ce66;
}

    </style>
</head>

<body>

    <div class="layui-layout layui-layout-admin">
        <div class="layui-header">
            <div class="layui-logo" style="width: 300px;">
                <h3 style="margin-top:20px">“抗疫”志愿者管理系统</h3>
            </div>
            <!-- 头部区域（可配合layui 已有的水平导航） -->
            <div class="left_open">
                <a><i class="layui-icon">&#xe668;</i></a>
            </div>
            <ul class="layui-nav layui-layout-right">
                <li class="layui-nav-item">
                    <a href="javascript:;">
                        <img src="volunteer/super/img/TBW.jpg" class="layui-nav-img">
                        院级管理员
                    </a>
                    <dl class="layui-nav-child">
                        <dd><a href="">切换账号</a></dd>
                        <dd><a href="volunteer/Login&Register.jsp">退出</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item"><a href="">前台首页</a></li>
            </ul>
        </div>

        <div class="layui-side layui-bg-black">
            <div class="layui-side-scroll">
                <div class="box1">
                    <img src="volunteer/admin/img/TBW.jpg" alt="">
                </div>
                <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
                <ul class="layui-nav layui-nav-tree" lay-filter="test">

                    <li class="layui-nav-item"><a href="volunteer/admin/home.jsp"><i
                                class="layui-icon">&#xe68e;</i>&nbsp;&nbsp;主页</a></li>
                    <li class="layui-nav-item layui-nav-itemed">
                        <a href="javascript:;"><i class="layui-icon">&#xe66f;</i>&nbsp;&nbsp;院级管理员管理</a>
                        <dl class="layui-nav-child">
                            <dd class="layui-this"><a href="SelectCollageAdmin">院级管理员列表</a></dd>
                            <dd><a href="SelectExamine">院级管理员审批</a></dd>
                             <dd><a href="SelectComment">用户评价</a></dd>
                              <dd><a href="SelectBlackList">院级管理员黑名单</a></dd>
                          <dd><a href="SelectHiddenComment">评论隐藏列表</a></dd>           
                        </dl>
                    </li>
                    <li class="layui-nav-item">
                        <a href="javascript:;"><i class="layui-icon">&#xe653;</i>&nbsp;&nbsp;活动管理</a>
                        <dl class="layui-nav-child">
                            <dd><a href="SelectNotice">前台活动列表</a></dd>
                            <dd><a href="volunteer/super/AddNotice.jsp">志愿活动发布</a></dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item">
                        <a href="javascript:;"><i class="layui-icon">&#xe67a;</i>&nbsp;&nbsp;物资管理</a>
                        <dl class="layui-nav-child">
                            <dd><a href="3-1.html">物资管理</a></dd>
                            <dd><a href="3-2.html">物资管理</a></dd>
                            <dd><a href="3-3.html">物资管理</a></dd>
                            <dd><a href="3-4.html">物资管理</a></dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item"><a href="7-1.html"><i class="layui-icon">&#xe60b;</i>&nbsp;&nbsp;个人中心</a>
                    </li>
                </ul>
            </div>
        </div>

        <div class="layui-body" style="bottom: 0px;">
                   <ol class="breadcrumb">
                <li><a href="#">活动管理  / 志愿活动编辑</a></li>

            </ol>

            <!-- 内容主体区域 -->
            <div style=" margin-top:-30px; background-color: #F6F6F6;height:900px">
                <div style="padding: 10px;padding-top: 10px; padding-bottom: 5px;">

                    <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief" style="margin-top: 0px;">
                        <!-- <ul class="layui-tab-title">
                                <li class="layui-this">新增用户</li>
                                <li>删除用户</li>
                                <li>修改用户信息</li>
                            </ul> -->
                        <div class="layui-tab-content">
                            <div class="layui-tab-item layui-show">



                            </div>

                        </div>

                    </div>

                </div>
                 
      <form action="/Volunteer/UpdateNotice" method="post" class="basic-grey">
         <h1>公告信息编辑
            <span>Please fill all the texts in the fields.</span>

         </h1>
         <input type="hidden" name="id" value="<%=request.getAttribute("id")%>">

         <label>

            <span>公告标题 :</span>

        <input type="text" name="title" id="123" value="<%=request.getAttribute("title")%>"><br>

         </label>


         <label>

            <span>公告内容 :</span>

            <input type="text" name="content" id="123" value="<%=request.getAttribute("content")%>"><br>

         </label>


         
         <label>

   <span>目标人数:</span>

 <input type="text" name="target" id="123" value="<%=request.getAttribute("target")%>"><br>

</label>

<label>

   <span>活动地点:</span>

 <input type="text" name="place" id="123" value="<%=request.getAttribute("place")%>"><br>

</label>
         
     
         
<label>
	<div class="form-group" style="color:#7B7B7B;margin-left: 30px;margin-top:5px">
  <span>开始时间：</span>
   <!--  <label for="date">开始时间</label>-->
   <input type="date" name="Stime" id="date" value="" placeholder="请输入活动开始时间" />
	  </div>
</label>
    
<label>
        <div class="form-group" style="color:#7B7B7B;margin-left: 30px;margin-top:20px">
   <span>结束时间：</span>
   <input type="date" name="Etime" id="date" value="" placeholder="请输入活动结束时间" />
</div>
</label>
         <label>

            <span>&nbsp;</span>

            <button  type="submit" style="margin-left:100px" class="btn btn-primary btn-lg" onclick="alert('公告编辑成功！')">提交</button>

         </label>
             
<!--  <label>

   <span>&nbsp;</span>

   <button  type="button" style="margin-top:50px;margin-left:100px" class="btn btn-primary btn-lg" onclick="alert('公告编辑成功！')">提交</button>

</label>-->

      </form>
 
                
            </div>

        </div>
       

    </div>
    <script>
        //JavaScript 代码区域
        layui.use('element', function () {
            var element = layui.element;

        });

        function check(st) {
            var a = document.getElementById("username" + st).value;
            var z = confirm("确定要禁封'" + a + "'吗?")
            if (z) {
                alert("禁封成功！");
                return true;
            } else {
                return false;
            }
        }
    </script>
    <script>
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?d214947968792b839fd669a4decaaffc";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();

        layui.use(['laydate', 'form'], function () {
        });
    </script>

</body>

</html>